/* eyoucms.com 易优CMS -- 好用,免费,安全 */
/*修改颜色*/
body { color:#333}
a,a:hover{ color:#333}
.aside li>p,.aside>li>div,#footer .top{background-color: #bf9f64;}  /*pc右边快速按钮底部颜色*/
.aside>li>div,.aside>li>div a{color: #fff;}  /*pc右边快速按钮字体颜色*/
.aside>li .qq_online .qq_online_title{color: #7a4f00;}/*pc右边快速按钮“在线客服”title字体颜色*/

.menu_box{background-color: #000;}

.wap_menu{background-color: #1d130d;}/*wap左边滑出导航*/
.wap_footer,.wap_search_input{background-color: #1d130d;}/*wap底部颜色*/

.wap_footer dd,.wap_menu li a,.wap_menu li.menu_tit{color: #fff;}/*wap左边滑出导航和wap底部颜色的字体颜色*/

.form-horizontal label{ color:#333}/*留言板*/


/*pc导航*/
#header{height:80px}
#header .logo{ text-align:center; height:80px;}

.menu{ background:#bf9f64}
.menu a{ color:#fff}
ul.menu>li{
	height:80px; 
	line-height:80px;
	width:14%
}
.menu_icon{
	position: absolute;
	top: 15%;
	right: 3%;
	width:10%
}
/*pc下拉导航*/
ul.menu>li i{ position:absolute; right:0; color:#fff}
ul.menu>li .menu_2{padding:10px 0; background:#d2b072}
ul.menu>li .menu_2 li{
	line-height:30px;
	padding:0 5px;
}
#header ul.menu>li .menu_2 a:hover{ text-decoration:underline}


@media(max-width:992px){
	.logo{
		width: 100%;
		text-align: center;
	}
}

/*首页主体部分*/
#content{ padding:0px 0 }
.skrollable {position:fixed;z-index:100;}
.skrollr-mobile .skrollable {position:absolute;}
.skrollable .skrollable {position:absolute;}
.skrollable .skrollable .skrollable {position:static;}

.in_page{ position:relative; background:url(../img/about_bg.jpg) no-repeat center bottom; padding-bottom:8%;  background-size:60% auto}
.in_page h2{ text-align:center; margin-bottom:25px;    margin-top: 2%; }
.in_page h2 span{ font-size:35px; display:block; font-weight:bold; }
.in_page h2 p{ font-size:35px; color:#c3a772; font-weight:bold; margin-top:10px;}
.in_page .page_text{ font-size:16px; line-height:32px; height:128px; overflow:hidden; margin-top:15px;}
.in_page .bird{	z-index:50;top:0px;right:0;width:185px;height:208px;
	/*background:url(../img/bird.png) no-repeat 0 0;*/
	position:absolute}

@media(max-width:992px){
.in_page .page_text{ margin-top:0px;}
}
@media(max-width:640px){
	.in_page{ padding-top:0}
.in_page h2 span{ font-size:18px; }
.in_page h2 p{ font-size:18px;  margin-top:5px;}
.in_page .page_text{ font-size:12px; line-height:20px; height:60px; }
}

.in_image{ background:url(../img/pro_bg.jpg) no-repeat top center;  position:relative; z-index:55; padding:4% 0 9% 0}
.in_image h2{ font-size:30px; line-height:34px; margin-bottom:3%; padding:0 20px;box-sizing:border-box;}
.in_image h2 a{ float:right; font-size:14px;}
.in_image .inner ul{ background:#fff; border:solid 1px #eee; padding:25px 15px 0 15px; width:99%; margin:auto }
.in_image .inner ul li{ padding:0 10px; }
.in_image .inner ul li .box{ position:relative;text-align:center; padding-bottom:150px;}
.in_image .inner ul li .box .img_area{ position:relative}
.in_image .inner ul li:hover .box .img_area i{ background:url(../img/black_cloth.png); width:100%; height:100%; position:absolute; top:0; left:0;}
.in_image .inner ul li .box .text_area i{ display:block; font-style:normal; font-size:30px;}
.in_image .inner ul li .box .text_area{ font-size:16px; line-height:40px; position:absolute; bottom:0; left:0; z-index:100;  width:100%; height:150px; padding-top:20px; background-image:url(../img/case_more.jpg); background-position:0 -350px; background-repeat:no-repeat; background-size:100% auto}
.in_image .inner ul li:hover .box .text_area a{ color:#fff}
@media(max-width:640px){
.in_image h2{ font-size:16px;}
.in_image .inner ul li .box .text_area{ font-size:12px; }

}
@media(max-width:992px){
	.in_image .inner ul li .box .text_area i{ font-size:18px;}
.in_image .inner ul li .box .text_area{  line-height:25px;height:80px;padding-top:10px;}
.in_image .inner ul li .box{padding-bottom:80px;}

.in_image .inner ul li:hover .box .text_area a{ color:#000}
}

.in_image1{ margin-top:30px;margin-bottom:0px;background: url("../img/list_box.png") no-repeat left 10% bottom;    padding-bottom: 20px;}
.in_image1 .list_box{ margin-top:30px;}
.in_image1 .list_box h2{ font-size:20px; color:#c3a772; margin-bottom: 40px;}
.in_image1 .list_box h2 span{ font-size:16px; display:block; color:#333;line-height:30px;}
.in_image1 .list_box h2 p{ color:#aaa; font-size:14px; line-height:25px; margin-top:15px;}
.in_image1 .image_box{ position:relative; padding:35px}
.in_image1 .image_box:before{display:block; content:" "; position:absolute; top:0; left:0;width:64px; height:64px; background:url(../img/top_case.png) no-repeat}
.in_image1 .image_box:after{display:block; content:" "; position:absolute; bottom:0; right:0;width:64px; height:64px; background:url(../img/bot_case.png) no-repeat}

.in_image1 .image_box ul{ margin:0 -8px;}
.in_image1 .image_box ul li{ padding:4px}

@media(max-width:640px){
.in_image1 .list_box h2{ font-size:14px;}
.in_image1 .list_box h2 span{ font-size:12px;}
}
@media(max-width:992px){
.in_image1 .list_box{ margin:0}
}


/*底部*/
#footer{
	padding: 20px 0;
	text-align: center;
	color: #000;
	background-color: #ffffff;
	position: relative;
}
#footer a{

}




/*手机内页crumb*/
.phone_crumb{padding: 0px 15px;font-size: 16px;color: #fff;text-align:left;line-height: 38px;}
.phone_crumb span{font-size: 14px;display: inline-block;margin-top: 1.5%;
	color: #6eaa76;}
.phone_crumb span em{color: #999999;    font-style: normal;font-size: 12px;}
.phone_crumb i{
	width: 10%;margin-top:5px;}

/*手机内页分类下拉列表*/
.phone-menulist{
	width: 95%;
	margin: -7px auto 0;
	display: none;
	background: #d3e8c6;
	padding: 3% 0;
	border-radius: 5px;
}
.phone-menulist li.sub1{
	 width:100%; 
	 margin-bottom:5px;
	 background-color: #d3e8c6;
	padding: 0% 5%;
}
.phone-menulist li.sub1 a.sub1_a{
    display:block; 
	position:relative;  
	color:#000; 
	font-size:14px;
	line-height:22px;
	padding:5px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	border: 2px solid #deeed4;
}
.phone-menulist li.sub1 ul.sub2{ 
	display:none;
	background-color: #deeed4;
}
.phone-menulist li.sub1 ul.sub2 li a.sub2_a{ 
	position:relative;  
	color:#333; 
	line-height:20px; 
	padding:5px 10px;
	display:block; 
	font-size:14px;

}
.phone-menulist li.sub1 ul.sub3 li a.sub3_a{ 
	line-height:20px; 
	padding:5px 10px;
	color:#aaa; 
	display:block; 
	font-size:14px;
}

.article{ padding:15px 0}

.container .inside{
	margin-top: 60px;
	background:url("../img/inside.png") no-repeat ;
	background-position: bottom center;
	background-color: #d3e8c6;
	padding-bottom: 80px;
	border-radius: 10px;
	margin-bottom: 40px;
}
.container .inside>h2 {
	background: #bf9f64;
	color: #fff;
	font-size: 22px;
	padding: 20% 13%;
	border-radius: 50%;
	width: 70%;
	text-align: center;
	position: relative;
	margin: -30% auto 20px;
	line-height: 150%;
	z-index: 10;
}
.container .inside>h2 span{font-size: 28px}
.container .inside ul.sidemenu{}
/*一级的样式*/
.container .inside ul.sidemenu>li{
	border: 2px solid #deeed4;margin-bottom: 10px }
.container .inside ul.sidemenu>li>a{  display:block;box-sizing:content-box;height:24px; font-size:16px;color:#4a4a4a; padding:10px; line-height:150%;background: url("../img/inside1.png") no-repeat right 10px  center  }
.container .inside ul.sidemenu>li.current>a{ color:#f00}

/*二级的样式*/
.container .inside ul.sidemenu>li>ul{ display:none}
.container .inside ul.sidemenu>li>ul>li>a{ display:block; background:#deeed4; padding:5px 10px; color:#333}

/*三级的样式*/
.container .inside ul.sidemenu>li>ul>li>ul{ display:none;background: #deeed4}
.container .inside ul.sidemenu>li>ul>li>ul>li>a{display:block; padding:5px 10px; color:#959595 }


/*内页侧边栏联系方式*/
.container .inside .sub_contact{ margin-top:15px;}
.container .inside .sub_contact h2{ background:#CCC;font-size:26px; padding:20px 15px; line-height:150%; margin-bottom:15px;}
.container .inside .sub_contact .inner p{ margin-top:10px;}

.container .main{margin-top: 60px;margin-bottom: 40px;}
.container .main .crumb span{ float:right; font-size:12px;}
.container .main .crumb{display: none; font-size:26px; line-height:26px; padding:50px 10px 20px 10px; border-bottom:solid 1px #e4e4e3}

/*图片列表页*/
.list_image ul li{ margin-bottom:15px;}
.list_image ul li img{ display:block}


/*12.19*/

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	border-width:1px;
}